<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Company Template, CSS Template, Free Web Template</title>

<meta name="keywords" content="Company Template, green color bar, CSS, HTML" />
<meta name="description" content="Company Template (Green) is a free website template provided from 站长素材" />

<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" /><!--链接样式表-->
<link href="css/s3slider.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="js/jquery.js"></script> <!-- 引入jQuery效果 -->
<script type="text/javascript" src="js/s3Slider.js"></script>

<script type="text/javascript">
    $(document).ready(function() {  /*设置方法3000秒*/
        $('#slider').s3Slider({
            timeOut: 3000
        });
    });
</script>
<script language="javascript" type="text/javascript"> <!-- js脚本 -->
function clearText(field)
{
    if (field.defaultValue == field.value) field.value = '';
    else if (field.value == '') field.value = field.defaultValue;
}
</script>
</head>

<body>
<div id="templatemo_site_title_bar_wrapper">  <!--标题头盒子-->

    <div id="templatemo_site_title_bar">  <!--标题头-->
        <div id="site_title">
            <h1>
            <a href="sc.chinaz.com" target="_parent">Our web site
            <span>blog</span>
            </a>
            </h1>
        </div>  
        <ul id="top_menu">
            <li class="first"><a href="#">Home</a></li>
            <li><a href="#">Sitemap</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
    </div> <!-- end of site title bar(标题栏) -->
</div> <!-- end of site title bar wrapper（包装） -->

<div id="templatemo_banner_wrapper">   <!-- 设置横幅盒子-->

	<div id="templatemo_banner">
    
          <div id="slider">
                    <ul id="sliderContent">
                        <li class="sliderImage">
                            <a href="#" target="_blank"><img src="images/01.jpg" alt="1" /></a>
                            <span class="bottom"><strong>Project 1</strong>
                            	<br/>Suspendisse turpis arcu, dignissim ac laoreet a, condimentum in massa.</span>
                        </li>
                        <li class="sliderImage">
                            <a href="#" target="_blank"><img src="images/02.jpg" alt="2" /></a>
                            <span class="bottom"><strong>Project 2</strong><br />uisque eget elit quis augue pharetra feugiat.</span>
                        </li>
                        <li class="sliderImage">
                            <a href="#" target="_blank"><img src="images/03.jpg" alt="3" /></a>
                            <span class="bottom"><strong>Project 3</strong><br />Sed et quam vitae ipsum vulputate varius vitae semper nunc.</span>
                        </li>
                        <li class="sliderImage">
                            <a href="#" target="_blank"><img src="images/04.jpg" alt="4" /></a>
                            <span class="bottom"><strong>Project 4</strong><br />Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
                        </li>
                    </ul>
                    <div class="clear sliderImage"></div>
                </div>
   
    	
        <div id="banner_content">    <!-- 设置横幅内容 左侧文档盒子-->
            <h2>Web page introduced</h2>
            <p>Web production technology need CSS, HTML js technology such as comprehensive support.Web page creation is easy. We can learn it well.</p>
            <a href="sc.chinaz.com" target="_parent">Read more</a>
        </div>

	</div> <!-- end of banner （横幅）-->

</div> <!-- end of banner wrapper -->

<div id="templatemo_menu_wrapper">     <!-- 菜单盒子 -->

	<div id="templatemo_menu">
    
   		<ul>
            <li><a href="homepage.html" class="current fast">Home</a></li>
            <li><a href="content1.html" target="_parent">Flash</a></li>
            <li><a href="#" target="_parent">Music</a></li>
            <li><a href="content2.html" target="_parent">Gallery</a></li>
            <li><a href="column.html">Blog</a></li>
            <li><a href="#">Team</a></li>
        </ul>
    
    </div> <!-- end of menu -->

</div> <!-- end of menu wrapper -->

<div id="templatemo_content">  <!-- 创建主边栏盒子 -->
	
	 <div id="main_column">     <!-- 创建主边栏 -->
	 	
	 	<div class="section_w560">
	 		<h2>The ipad ruined our sleep?</h2>	 			
	 		 	 <p> <a href="#">Read more...</a></p> <!-- 图片左边的文档-->
	 		<div class="cleaner"></div>
	 		</div>
	 		<div class="cleaner_h50"></div>
	 		<!--section_w560同上面的section_w560一样 -->
	 		
	 		<div class="section_w560">              
           <h2> Word can improve work performance</h2>  
           <p> <a href="sc.chinaz.com">Read more...</a></p>                                                    
      <div class="cleaner_h20"></div>  
      <div class="section_w560"> 
                 	<h2> <a href="#">Google's latest science and technology</a></h2>
                 	</div> 
             <div class="section_w560"> 
                 	<h2> <a href="#">The fruit are called for to improve China's factories</a></h2>
                 	</div>  
                 	       <div class="section_w560"> 
                 	<h2> <a href="#">Wild Jessie J</a></h2>
                 	</div>
                 	<div class="section_w560"> 
                 	<h2> <a href="#">More blog</a></h2>
                 	</div>                             
         	<div class="button bottom_01"><a href="#">View All</a></div>    
                </div>
                 <div class="cleaner"></div>
                 
	</div>  <!-- end of main column -->
	
	<div id="side_column">       <!-- 创建右边栏 -->
		<div class="side_column_box">
                    <h2>囧Research</h2>    <!-- 设置右边的大标题 -->
                    
                    <div class="news_section">
                    	<img class="image_wrapper" src="images/templatemo_image_02.jpg" alt="image" />
                        <h3>Don't guess woman heart</h3>
                        <p>Men found it twice as hard to guess a woman’s mood than a man’s after being shown pictures of people’s eyes and estimating how they were feeling, researchers found.
                        	 <a href="#">Read more...</a>
                        	 </p>
                    </div>
                    <h2>The dynamic of science and technology</h2>
                    <div class="news_section">
                    	<img class="image_wrapper" src="images/templatemo_image_03.jpg" alt="image" />
                        <h3>A spoof on the iphone</h3>
                        <p>We don't want to change your phone, we wanna make you say, Wow, that is a bigger change than I expected.Iphone 5 is a result of  that desire to surprise. 
                        	 <a href="sc.chinaz.com">Read more...</a>
                        	 </p>
                    </div>
                    
                    <div class="button bottom_02"><a href="sc.chinaz.com">View All</a></div>   
                </div>
                
                <div class="cleaner_h20"></div>
                
                <div class="side_column_box">
		<h2>Newsletter</h2>   <!-- 同上面的h2一样设置大标题 -->
		 <form action="#" method="get">
                        <input type="text" value="Enter your email address..." name="q" size="10" 
                        class="inputfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
                        
                        <input type="submit" name="Subscribe" value="Subscribe" alt="Subscribe" 
                        class="submitbutton" title="Search" />
                    </form>      <!-- 设置一个表单 -->
                    
	</div>  
	</div>  <!-- end of side column(边柱) -->
		<div class="cleaner"></div>
    
</div> <!-- end of content -->

<div id="templatemo_footer_wrapper">

	<div id="templatemo_footer">
    <ul class="footer_menu">
       <li><a href="#">Team Members</a></li>
            <li><a href="#">name</a></li>
            <li><a href="#">name</a></li>
            <li><a href="#">name</a></li>
            <li><a href="#">name</a></li>
            <li class="last_menu"><a href="#">Contact Us</a></li>
             </ul>
             
             Blog site <a href="#">about our team</a> | 
        from <a href="#" target="_parent">web design</a> | 
        Validate <a href="#">XHTML</a> &amp; 
        <a href="#">CSS</a> | 版权所有
    
    </div> <!-- end of footer -->
    
</div> <!-- end of footer wrapper(页脚) -->
<div style="display:none">
	<script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'>
		</script>
	</div>
	</body>
</html>